var one = document.querySelectorAll('.one > li');
var two = document.querySelectorAll('.two > div');

for(var i = 0;i<one.length;i++){
    one[i].index = i;
    one[i].addEventListener('mouseover',function(){
        for(var j =0;j<one.length;j++){
            one[j].classList.remove('active');
            two[j].classList.remove('active');
        }
        console.log(this);
        console.log(this.index);
        this.classList.add('active');
        two[this.index].classList.add('active');
    })
}
